﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u200" class="ax_default box_2">
        <div id="u200_div" class=""></div>
        <div id="u200_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u201" class="ax_default" data-left="14" data-top="116" data-width="348" data-height="111">

        <!-- Unnamed (占位符) -->
        <div id="u202" class="ax_default placeholder">
          <img id="u202_img" class="img " src="images/首页/u202.svg"/>
          <div id="u202_text" class="text ">
            <p><span>轮播图</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u203" class="ax_default">
        <div id="u203_state0" class="panel_state" data-label="State1" style="">
          <div id="u203_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u204" class="ax_default box_2">
              <div id="u204_div" class=""></div>
              <div id="u204_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 电池条 (组合) -->
            <div id="u205" class="ax_default" data-label="电池条" data-left="0" data-top="0" data-width="375" data-height="20">

              <!-- Unnamed (矩形) -->
              <div id="u206" class="ax_default box_2">
                <div id="u206_div" class=""></div>
                <div id="u206_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u207" class="ax_default box_2">
                <div id="u207_div" class=""></div>
                <div id="u207_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u208" class="ax_default box_2">
                <div id="u208_div" class=""></div>
                <div id="u208_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u209" class="ax_default box_2">
                <div id="u209_div" class=""></div>
                <div id="u209_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u210" class="ax_default box_2">
                <div id="u210_div" class=""></div>
                <div id="u210_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u211" class="ax_default label">
                <div id="u211_div" class=""></div>
                <div id="u211_text" class="text ">
                  <p><span>中国移动&nbsp; 4G</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u212" class="ax_default label">
                <div id="u212_div" class=""></div>
                <div id="u212_text" class="text ">
                  <p><span>21:47</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u213" class="ax_default label">
                <div id="u213_div" class=""></div>
                <div id="u213_text" class="text ">
                  <p><span>21:47</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u214" class="ax_default _形状">
                <img id="u214_img" class="img " src="images/首页/u214.svg"/>
                <div id="u214_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u215" class="ax_default" data-left="6" data-top="29" data-width="345" data-height="31">

              <!-- Unnamed (矩形) -->
              <div id="u216" class="ax_default box_2">
                <div id="u216_div" class=""></div>
                <div id="u216_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u217" class="ax_default label">
                <div id="u217_div" class=""></div>
                <div id="u217_text" class="text ">
                  <p><span>大家都在搜“铁观音”</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u218" class="ax_default _形状">
                <img id="u218_img" class="img " src="images/首页/u218.svg"/>
                <div id="u218_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u219" class="ax_default _三级标题">
                <div id="u219_div" class=""></div>
                <div id="u219_text" class="text ">
                  <p><span>LOGO</span></p>
                </div>
              </div>
            </div>

            <!-- 类别 (动态面板) -->
            <div id="u220" class="ax_default" data-label="类别">
              <div id="u220_state0" class="panel_state" data-label="推荐" style="">
                <div id="u220_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u221" class="ax_default box_2">
                    <div id="u221_div" class=""></div>
                    <div id="u221_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u222" class="ax_default label">
                    <div id="u222_div" class=""></div>
                    <div id="u222_text" class="text ">
                      <p><span>推荐</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u223" class="ax_default label">
                    <div id="u223_div" class=""></div>
                    <div id="u223_text" class="text ">
                      <p><span>中秋礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u224" class="ax_default label">
                    <div id="u224_div" class=""></div>
                    <div id="u224_text" class="text ">
                      <p><span>生日礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u225" class="ax_default label">
                    <div id="u225_div" class=""></div>
                    <div id="u225_text" class="text ">
                      <p><span>结婚礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u226" class="ax_default label">
                    <div id="u226_div" class=""></div>
                    <div id="u226_text" class="text ">
                      <p><span>春节礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u227" class="ax_default box_2">
                    <img id="u227_img" class="img " src="images/首页/u227.svg"/>
                    <div id="u227_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (线段) -->
                  <div id="u228" class="ax_default line">
                    <img id="u228_img" class="img " src="images/首页/u228.svg"/>
                    <div id="u228_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u220_state1" class="panel_state" data-label="中秋礼" style="visibility: hidden;">
                <div id="u220_state1_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u229" class="ax_default box_2">
                    <div id="u229_div" class=""></div>
                    <div id="u229_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u230" class="ax_default label">
                    <div id="u230_div" class=""></div>
                    <div id="u230_text" class="text ">
                      <p><span>推荐</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u231" class="ax_default label">
                    <div id="u231_div" class=""></div>
                    <div id="u231_text" class="text ">
                      <p><span>中秋礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u232" class="ax_default label">
                    <div id="u232_div" class=""></div>
                    <div id="u232_text" class="text ">
                      <p><span>生日礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u233" class="ax_default label">
                    <div id="u233_div" class=""></div>
                    <div id="u233_text" class="text ">
                      <p><span>结婚礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u234" class="ax_default label">
                    <div id="u234_div" class=""></div>
                    <div id="u234_text" class="text ">
                      <p><span>春节礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u235" class="ax_default box_2">
                    <img id="u235_img" class="img " src="images/首页/u227.svg"/>
                    <div id="u235_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (线段) -->
                  <div id="u236" class="ax_default line">
                    <img id="u236_img" class="img " src="images/首页/u236.svg"/>
                    <div id="u236_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u220_state2" class="panel_state" data-label="生日礼" style="visibility: hidden;">
                <div id="u220_state2_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u237" class="ax_default box_2">
                    <div id="u237_div" class=""></div>
                    <div id="u237_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u238" class="ax_default label">
                    <div id="u238_div" class=""></div>
                    <div id="u238_text" class="text ">
                      <p><span>推荐</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u239" class="ax_default label">
                    <div id="u239_div" class=""></div>
                    <div id="u239_text" class="text ">
                      <p><span>中秋礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u240" class="ax_default label">
                    <div id="u240_div" class=""></div>
                    <div id="u240_text" class="text ">
                      <p><span>生日礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u241" class="ax_default label">
                    <div id="u241_div" class=""></div>
                    <div id="u241_text" class="text ">
                      <p><span>结婚礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u242" class="ax_default label">
                    <div id="u242_div" class=""></div>
                    <div id="u242_text" class="text ">
                      <p><span>春节礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u243" class="ax_default box_2">
                    <img id="u243_img" class="img " src="images/首页/u227.svg"/>
                    <div id="u243_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (线段) -->
                  <div id="u244" class="ax_default line">
                    <img id="u244_img" class="img " src="images/首页/u236.svg"/>
                    <div id="u244_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u220_state3" class="panel_state" data-label="结婚礼" style="visibility: hidden;">
                <div id="u220_state3_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u245" class="ax_default box_2">
                    <div id="u245_div" class=""></div>
                    <div id="u245_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u246" class="ax_default label">
                    <div id="u246_div" class=""></div>
                    <div id="u246_text" class="text ">
                      <p><span>推荐</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u247" class="ax_default label">
                    <div id="u247_div" class=""></div>
                    <div id="u247_text" class="text ">
                      <p><span>中秋礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u248" class="ax_default label">
                    <div id="u248_div" class=""></div>
                    <div id="u248_text" class="text ">
                      <p><span>生日礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u249" class="ax_default label">
                    <div id="u249_div" class=""></div>
                    <div id="u249_text" class="text ">
                      <p><span>结婚礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u250" class="ax_default label">
                    <div id="u250_div" class=""></div>
                    <div id="u250_text" class="text ">
                      <p><span>春节礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u251" class="ax_default box_2">
                    <img id="u251_img" class="img " src="images/首页/u227.svg"/>
                    <div id="u251_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (线段) -->
                  <div id="u252" class="ax_default line">
                    <img id="u252_img" class="img " src="images/首页/u236.svg"/>
                    <div id="u252_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u220_state4" class="panel_state" data-label="春节礼" style="visibility: hidden;">
                <div id="u220_state4_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u253" class="ax_default box_2">
                    <div id="u253_div" class=""></div>
                    <div id="u253_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u254" class="ax_default label">
                    <div id="u254_div" class=""></div>
                    <div id="u254_text" class="text ">
                      <p><span>推荐</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u255" class="ax_default label">
                    <div id="u255_div" class=""></div>
                    <div id="u255_text" class="text ">
                      <p><span>中秋礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u256" class="ax_default label">
                    <div id="u256_div" class=""></div>
                    <div id="u256_text" class="text ">
                      <p><span>生日礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u257" class="ax_default label">
                    <div id="u257_div" class=""></div>
                    <div id="u257_text" class="text ">
                      <p><span>结婚礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u258" class="ax_default label">
                    <div id="u258_div" class=""></div>
                    <div id="u258_text" class="text ">
                      <p><span>春节礼</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (线段) -->
                  <div id="u259" class="ax_default line">
                    <img id="u259_img" class="img " src="images/首页/u236.svg"/>
                    <div id="u259_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u260" class="ax_default box_2">
                    <img id="u260_img" class="img " src="images/首页/u227.svg"/>
                    <div id="u260_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u261" class="ax_default label">
        <div id="u261_div" class=""></div>
        <div id="u261_text" class="text ">
          <p><span>- 主题送礼 -</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u262" class="ax_default ellipse">
        <img id="u262_img" class="img " src="images/首页/u262.svg"/>
        <div id="u262_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u263" class="ax_default ellipse">
        <img id="u263_img" class="img " src="images/首页/u263.svg"/>
        <div id="u263_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u264" class="ax_default ellipse">
        <img id="u264_img" class="img " src="images/首页/u263.svg"/>
        <div id="u264_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u265" class="ax_default" data-left="14" data-top="239" data-width="348" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u266" class="ax_default box_2">
          <div id="u266_div" class=""></div>
          <div id="u266_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u267" class="ax_default label">
          <div id="u267_div" class=""></div>
          <div id="u267_text" class="text ">
            <p><span>平台名称&nbsp; |&nbsp; 平台slogan平台slogan</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u268" class="ax_default _形状">
          <img id="u268_img" class="img " src="images/首页/u268.svg"/>
          <div id="u268_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u269" class="ax_default label">
          <div id="u269_div" class=""></div>
          <div id="u269_text" class="text ">
            <p><span>送礼服务</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u270" class="ax_default _形状">
          <img id="u270_img" class="img " src="images/首页/u270.svg"/>
          <div id="u270_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u271" class="ax_default label">
          <div id="u271_div" class=""></div>
          <div id="u271_text" class="text ">
            <p><span>求礼服务</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u272" class="ax_default _形状">
          <img id="u272_img" class="img " src="images/首页/u270.svg"/>
          <div id="u272_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u273" class="ax_default label">
          <div id="u273_div" class=""></div>
          <div id="u273_text" class="text ">
            <p><span>微信送礼</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u274" class="ax_default _形状">
          <img id="u274_img" class="img " src="images/首页/u270.svg"/>
          <div id="u274_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u275" class="ax_default label">
          <div id="u275_div" class=""></div>
          <div id="u275_text" class="text ">
            <p><span>包邮送货</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u276" class="ax_default _形状">
          <img id="u276_img" class="img " src="images/首页/u270.svg"/>
          <div id="u276_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u277" class="ax_default _形状">
        <img id="u277_img" class="img " src="images/首页/u277.svg"/>
        <div id="u277_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u278" class="ax_default label">
        <div id="u278_div" class=""></div>
        <div id="u278_text" class="text ">
          <p><span>更多数据加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u279" class="ax_default line">
        <img id="u279_img" class="img " src="images/首页/u279.svg"/>
        <div id="u279_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u280" class="ax_default label">
        <div id="u280_div" class=""></div>
        <div id="u280_text" class="text ">
          <p><span>- 好礼推荐 -</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u281" class="ax_default" data-left="14" data-top="306" data-width="168" data-height="88">

        <!-- Unnamed (矩形) -->
        <div id="u282" class="ax_default box_2">
          <div id="u282_div" class=""></div>
          <div id="u282_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u283" class="ax_default _三级标题">
          <div id="u283_div" class=""></div>
          <div id="u283_text" class="text ">
            <p><span>送礼</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u284" class="ax_default label">
          <div id="u284_div" class=""></div>
          <div id="u284_text" class="text ">
            <p><span>送亲人，送朋友...</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u285" class="ax_default" data-left="193" data-top="306" data-width="169" data-height="88">

        <!-- Unnamed (矩形) -->
        <div id="u286" class="ax_default box_2">
          <div id="u286_div" class=""></div>
          <div id="u286_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u287" class="ax_default _三级标题">
          <div id="u287_div" class=""></div>
          <div id="u287_text" class="text ">
            <p><span>求礼</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u288" class="ax_default label">
          <div id="u288_div" class=""></div>
          <div id="u288_text" class="text ">
            <p><span>选礼品，TA人代付</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u289" class="ax_default" data-left="10" data-top="441" data-width="353" data-height="396">

        <!-- Unnamed (矩形) -->
        <div id="u290" class="ax_default box_2">
          <div id="u290_div" class=""></div>
          <div id="u290_text" class="text ">
            <p><span>中秋礼</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u291" class="ax_default box_2">
          <div id="u291_div" class=""></div>
          <div id="u291_text" class="text ">
            <p><span>商务礼</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u292" class="ax_default box_2">
          <div id="u292_div" class=""></div>
          <div id="u292_text" class="text ">
            <p><span>生日礼</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u293" class="ax_default box_2">
          <div id="u293_div" class=""></div>
          <div id="u293_text" class="text ">
            <p><span>欢乐送</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u294" class="ax_default box_2">
          <div id="u294_div" class=""></div>
          <div id="u294_text" class="text ">
            <p><span>教师礼</span></p>
          </div>
        </div>
      </div>

      <!-- bottom (动态面板) -->
      <div id="u295" class="ax_default" data-label="bottom">
        <div id="u295_state0" class="panel_state" data-label="State1" style="">
          <div id="u295_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u296" class="ax_default box_2">
              <div id="u296_div" class=""></div>
              <div id="u296_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 首页 (动态面板) -->
            <div id="u297" class="ax_default" data-label="首页">
              <div id="u297_state0" class="panel_state" data-label="选中" style="">
                <div id="u297_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u298" class="ax_default label">
                    <div id="u298_div" class=""></div>
                    <div id="u298_text" class="text ">
                      <p><span>首页</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u299" class="ax_default" data-left="4" data-top="0" data-width="19" data-height="21">

                    <!-- Unnamed (形状) -->
                    <div id="u300" class="ax_default _形状">
                      <img id="u300_img" class="img " src="images/首页/u300.svg"/>
                      <div id="u300_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u301" class="ax_default _形状">
                      <img id="u301_img" class="img " src="images/首页/u301.svg"/>
                      <div id="u301_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 我的 (动态面板) -->
            <div id="u302" class="ax_default" data-label="我的">
              <div id="u302_state0" class="panel_state" data-label="未选" style="">
                <div id="u302_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u303" class="ax_default label">
                    <div id="u303_div" class=""></div>
                    <div id="u303_text" class="text ">
                      <p><span>我的</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u304" class="ax_default _形状">
                    <img id="u304_img" class="img " src="images/首页/u304.svg"/>
                    <div id="u304_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (水滴形) -->
            <div id="u305" class="ax_default marker">
              <img id="u305_img" class="img " src="images/登录页/u29.svg"/>
              <div id="u305_text" class="text ">
                <p><span>8</span></p>
              </div>
            </div>

            <!-- Unnamed (水滴形) -->
            <div id="u306" class="ax_default marker">
              <img id="u306_img" class="img " src="images/登录页/u29.svg"/>
              <div id="u306_text" class="text ">
                <p><span>9</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- content (中继器) -->
      <div id="u307" class="ax_default" data-label="content">
        <script id="u307_script" type="axure-repeater-template" data-label="content">

          <!-- Unnamed (组合) -->
          <div id="u308" class="ax_default u308" data-left="1" data-top="0" data-width="169" data-height="245">

            <!-- back (矩形) -->
            <div id="u309" class="ax_default box_2 u309" data-label="back">
              <div id="u309_div" class="u309_div"></div>
              <div id="u309_text" class="text u309_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- name (矩形) -->
            <div id="u310" class="ax_default label u310" data-label="name">
              <div id="u310_div" class="u310_div"></div>
              <div id="u310_text" class="text u310_text">
                <p><span>公孙离-祈雪灵祝</span></p>
              </div>
            </div>

            <!-- price (矩形) -->
            <div id="u311" class="ax_default label u311" data-label="price">
              <div id="u311_div" class="u311_div"></div>
              <div id="u311_text" class="text u311_text">
                <p><span>300.00</span></p>
              </div>
            </div>

            <!-- acount (矩形) -->
            <div id="u312" class="ax_default label u312" data-label="acount">
              <div id="u312_div" class="u312_div"></div>
              <div id="u312_text" class="text u312_text">
                <p><span>销量：200</span></p>
              </div>
            </div>

            <!-- image (图像 ) -->
            <div id="u313" class="ax_default image u313" data-label="image">
              <img id="u313_img" class="img u313_img" src="images/首页/p0.png"/>
              <div id="u313_text" class="text u313_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- buybtn (矩形) -->
          <div id="u314" class="ax_default button u314" data-label="buybtn">
            <div id="u314_div" class="u314_div"></div>
            <div id="u314_text" class="text u314_text">
              <p><span>购买</span></p>
            </div>
          </div>

          <!-- givebtn (矩形) -->
          <div id="u315" class="ax_default button u315" data-label="givebtn">
            <div id="u315_div" class="u315_div"></div>
            <div id="u315_text" class="text u315_text">
              <p><span>送礼</span></p>
            </div>
          </div>
        </script>
        <div id="u307-1" class="preeval" style="width: 170px; height: 245px;">

          <!-- Unnamed (组合) -->
          <div id="u308-1" class="ax_default u308" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

            <!-- back (矩形) -->
            <div id="u309-1" class="ax_default box_2 u309" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
              <div id="u309-1_div" class="u309_div" style="width: 169px; height: 245px;visibility: inherit"></div>
              <div id="u309-1_text" class="text u309_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- name (矩形) -->
            <div id="u310-1" class="ax_default label u310" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
              <div id="u310-1_div" class="u310_div" style="width: 96px; height: 15px;visibility: inherit"></div>
              <div id="u310-1_text" class="text u310_text" style="visibility: inherit">
                <p><span>公孙离-祈雪灵祝</span></p>
              </div>
            </div>

            <!-- price (矩形) -->
            <div id="u311-1" class="ax_default label u311" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
              <div id="u311-1_div" class="u311_div" style="width: 43px; height: 14px;visibility: inherit"></div>
              <div id="u311-1_text" class="text u311_text" style="visibility: inherit">
                <p><span>￥300</span></p>
              </div>
            </div>

            <!-- acount (矩形) -->
            <div id="u312-1" class="ax_default label u312" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
              <div id="u312-1_div" class="u312_div" style="width: 51px; height: 12px;visibility: inherit"></div>
              <div id="u312-1_text" class="text u312_text" style="visibility: inherit">
                <p><span>销量：111</span></p>
              </div>
            </div>

            <!-- image (图像 ) -->
            <div id="u313-1" class="ax_default image u313" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
              <img id="u313-1_img" class="img u313_img" src="images/首页/p0.png"/>
              <div id="u313-1_text" class="text u313_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- buybtn (矩形) -->
          <div id="u314-1" class="ax_default button u314" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
            <div id="u314-1_div" class="u314_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u314-1_text" class="text u314_text" style="visibility: inherit">
              <p><span>购买</span></p>
            </div>
          </div>

          <!-- givebtn (矩形) -->
          <div id="u315-1" class="ax_default button u315" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
            <div id="u315-1_div" class="u315_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u315-1_text" class="text u315_text" style="visibility: inherit">
              <p><span>送礼</span></p>
            </div>
          </div>
        </div>
        <div id="u307-2" class="preeval" style="width: 170px; height: 245px;">

          <!-- Unnamed (组合) -->
          <div id="u308-2" class="ax_default u308" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

            <!-- back (矩形) -->
            <div id="u309-2" class="ax_default box_2 u309" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
              <div id="u309-2_div" class="u309_div" style="width: 169px; height: 245px;visibility: inherit"></div>
              <div id="u309-2_text" class="text u309_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- name (矩形) -->
            <div id="u310-2" class="ax_default label u310" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
              <div id="u310-2_div" class="u310_div" style="width: 96px; height: 15px;visibility: inherit"></div>
              <div id="u310-2_text" class="text u310_text" style="visibility: inherit">
                <p><span>花木兰-默契交锋</span></p>
              </div>
            </div>

            <!-- price (矩形) -->
            <div id="u311-2" class="ax_default label u311" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
              <div id="u311-2_div" class="u311_div" style="width: 43px; height: 14px;visibility: inherit"></div>
              <div id="u311-2_text" class="text u311_text" style="visibility: inherit">
                <p><span>￥200</span></p>
              </div>
            </div>

            <!-- acount (矩形) -->
            <div id="u312-2" class="ax_default label u312" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
              <div id="u312-2_div" class="u312_div" style="width: 51px; height: 12px;visibility: inherit"></div>
              <div id="u312-2_text" class="text u312_text" style="visibility: inherit">
                <p><span>销量：222</span></p>
              </div>
            </div>

            <!-- image (图像 ) -->
            <div id="u313-2" class="ax_default image u313" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
              <img id="u313-2_img" class="img u313_img" src="images/首页/p1.png"/>
              <div id="u313-2_text" class="text u313_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- buybtn (矩形) -->
          <div id="u314-2" class="ax_default button u314" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
            <div id="u314-2_div" class="u314_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u314-2_text" class="text u314_text" style="visibility: inherit">
              <p><span>购买</span></p>
            </div>
          </div>

          <!-- givebtn (矩形) -->
          <div id="u315-2" class="ax_default button u315" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
            <div id="u315-2_div" class="u315_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u315-2_text" class="text u315_text" style="visibility: inherit">
              <p><span>送礼</span></p>
            </div>
          </div>
        </div>
        <div id="u307-3" class="preeval" style="width: 170px; height: 245px;">

          <!-- Unnamed (组合) -->
          <div id="u308-3" class="ax_default u308" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

            <!-- back (矩形) -->
            <div id="u309-3" class="ax_default box_2 u309" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
              <div id="u309-3_div" class="u309_div" style="width: 169px; height: 245px;visibility: inherit"></div>
              <div id="u309-3_text" class="text u309_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- name (矩形) -->
            <div id="u310-3" class="ax_default label u310" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
              <div id="u310-3_div" class="u310_div" style="width: 96px; height: 15px;visibility: inherit"></div>
              <div id="u310-3_text" class="text u310_text" style="visibility: inherit">
                <p><span>吕布-御风骁将</span></p>
              </div>
            </div>

            <!-- price (矩形) -->
            <div id="u311-3" class="ax_default label u311" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
              <div id="u311-3_div" class="u311_div" style="width: 43px; height: 14px;visibility: inherit"></div>
              <div id="u311-3_text" class="text u311_text" style="visibility: inherit">
                <p><span>￥100</span></p>
              </div>
            </div>

            <!-- acount (矩形) -->
            <div id="u312-3" class="ax_default label u312" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
              <div id="u312-3_div" class="u312_div" style="width: 51px; height: 12px;visibility: inherit"></div>
              <div id="u312-3_text" class="text u312_text" style="visibility: inherit">
                <p><span>销量：444</span></p>
              </div>
            </div>

            <!-- image (图像 ) -->
            <div id="u313-3" class="ax_default image u313" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
              <img id="u313-3_img" class="img u313_img" src="images/首页/p2.png"/>
              <div id="u313-3_text" class="text u313_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- buybtn (矩形) -->
          <div id="u314-3" class="ax_default button u314" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
            <div id="u314-3_div" class="u314_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u314-3_text" class="text u314_text" style="visibility: inherit">
              <p><span>购买</span></p>
            </div>
          </div>

          <!-- givebtn (矩形) -->
          <div id="u315-3" class="ax_default button u315" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
            <div id="u315-3_div" class="u315_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u315-3_text" class="text u315_text" style="visibility: inherit">
              <p><span>送礼</span></p>
            </div>
          </div>
        </div>
        <div id="u307-4" class="preeval" style="width: 170px; height: 245px;">

          <!-- Unnamed (组合) -->
          <div id="u308-4" class="ax_default u308" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

            <!-- back (矩形) -->
            <div id="u309-4" class="ax_default box_2 u309" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
              <div id="u309-4_div" class="u309_div" style="width: 169px; height: 245px;visibility: inherit"></div>
              <div id="u309-4_text" class="text u309_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- name (矩形) -->
            <div id="u310-4" class="ax_default label u310" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
              <div id="u310-4_div" class="u310_div" style="width: 96px; height: 15px;visibility: inherit"></div>
              <div id="u310-4_text" class="text u310_text" style="visibility: inherit">
                <p><span>马超-幸存者</span></p>
              </div>
            </div>

            <!-- price (矩形) -->
            <div id="u311-4" class="ax_default label u311" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
              <div id="u311-4_div" class="u311_div" style="width: 43px; height: 14px;visibility: inherit"></div>
              <div id="u311-4_text" class="text u311_text" style="visibility: inherit">
                <p><span>￥500</span></p>
              </div>
            </div>

            <!-- acount (矩形) -->
            <div id="u312-4" class="ax_default label u312" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
              <div id="u312-4_div" class="u312_div" style="width: 51px; height: 12px;visibility: inherit"></div>
              <div id="u312-4_text" class="text u312_text" style="visibility: inherit">
                <p><span>销量：666</span></p>
              </div>
            </div>

            <!-- image (图像 ) -->
            <div id="u313-4" class="ax_default image u313" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
              <img id="u313-4_img" class="img u313_img" src="images/首页/p3.png"/>
              <div id="u313-4_text" class="text u313_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- buybtn (矩形) -->
          <div id="u314-4" class="ax_default button u314" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
            <div id="u314-4_div" class="u314_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u314-4_text" class="text u314_text" style="visibility: inherit">
              <p><span>购买</span></p>
            </div>
          </div>

          <!-- givebtn (矩形) -->
          <div id="u315-4" class="ax_default button u315" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
            <div id="u315-4_div" class="u315_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u315-4_text" class="text u315_text" style="visibility: inherit">
              <p><span>送礼</span></p>
            </div>
          </div>
        </div>
        <div id="u307-5" class="preeval" style="width: 170px; height: 245px;">

          <!-- Unnamed (组合) -->
          <div id="u308-5" class="ax_default u308" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

            <!-- back (矩形) -->
            <div id="u309-5" class="ax_default box_2 u309" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
              <div id="u309-5_div" class="u309_div" style="width: 169px; height: 245px;visibility: inherit"></div>
              <div id="u309-5_text" class="text u309_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- name (矩形) -->
            <div id="u310-5" class="ax_default label u310" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
              <div id="u310-5_div" class="u310_div" style="width: 96px; height: 15px;visibility: inherit"></div>
              <div id="u310-5_text" class="text u310_text" style="visibility: inherit">
                <p><span>孙尚香-时之恋人</span></p>
              </div>
            </div>

            <!-- price (矩形) -->
            <div id="u311-5" class="ax_default label u311" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
              <div id="u311-5_div" class="u311_div" style="width: 43px; height: 14px;visibility: inherit"></div>
              <div id="u311-5_text" class="text u311_text" style="visibility: inherit">
                <p><span>￥600</span></p>
              </div>
            </div>

            <!-- acount (矩形) -->
            <div id="u312-5" class="ax_default label u312" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
              <div id="u312-5_div" class="u312_div" style="width: 51px; height: 12px;visibility: inherit"></div>
              <div id="u312-5_text" class="text u312_text" style="visibility: inherit">
                <p><span>销量：333</span></p>
              </div>
            </div>

            <!-- image (图像 ) -->
            <div id="u313-5" class="ax_default image u313" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
              <img id="u313-5_img" class="img u313_img" src="images/首页/p4.png"/>
              <div id="u313-5_text" class="text u313_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- buybtn (矩形) -->
          <div id="u314-5" class="ax_default button u314" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
            <div id="u314-5_div" class="u314_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u314-5_text" class="text u314_text" style="visibility: inherit">
              <p><span>购买</span></p>
            </div>
          </div>

          <!-- givebtn (矩形) -->
          <div id="u315-5" class="ax_default button u315" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
            <div id="u315-5_div" class="u315_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u315-5_text" class="text u315_text" style="visibility: inherit">
              <p><span>送礼</span></p>
            </div>
          </div>
        </div>
        <div id="u307-6" class="preeval" style="width: 170px; height: 245px;">

          <!-- Unnamed (组合) -->
          <div id="u308-6" class="ax_default u308" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

            <!-- back (矩形) -->
            <div id="u309-6" class="ax_default box_2 u309" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
              <div id="u309-6_div" class="u309_div" style="width: 169px; height: 245px;visibility: inherit"></div>
              <div id="u309-6_text" class="text u309_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- name (矩形) -->
            <div id="u310-6" class="ax_default label u310" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
              <div id="u310-6_div" class="u310_div" style="width: 96px; height: 15px;visibility: inherit"></div>
              <div id="u310-6_text" class="text u310_text" style="visibility: inherit">
                <p><span>诸葛亮-时雨天司</span></p>
              </div>
            </div>

            <!-- price (矩形) -->
            <div id="u311-6" class="ax_default label u311" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
              <div id="u311-6_div" class="u311_div" style="width: 43px; height: 14px;visibility: inherit"></div>
              <div id="u311-6_text" class="text u311_text" style="visibility: inherit">
                <p><span>￥400</span></p>
              </div>
            </div>

            <!-- acount (矩形) -->
            <div id="u312-6" class="ax_default label u312" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
              <div id="u312-6_div" class="u312_div" style="width: 51px; height: 12px;visibility: inherit"></div>
              <div id="u312-6_text" class="text u312_text" style="visibility: inherit">
                <p><span>销量：555</span></p>
              </div>
            </div>

            <!-- image (图像 ) -->
            <div id="u313-6" class="ax_default image u313" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
              <img id="u313-6_img" class="img u313_img" src="images/首页/p5.png"/>
              <div id="u313-6_text" class="text u313_text" style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- buybtn (矩形) -->
          <div id="u314-6" class="ax_default button u314" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
            <div id="u314-6_div" class="u314_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u314-6_text" class="text u314_text" style="visibility: inherit">
              <p><span>购买</span></p>
            </div>
          </div>

          <!-- givebtn (矩形) -->
          <div id="u315-6" class="ax_default button u315" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
            <div id="u315-6_div" class="u315_div" style="width: 65px; height: 27px;visibility: inherit"></div>
            <div id="u315-6_text" class="text u315_text" style="visibility: inherit">
              <p><span>送礼</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u316" class="ax_default sticky_1">
        <div id="u316_div" class=""></div>
        <div id="u316_text" class="text ">
          <p><span>页面说明：</span></p><p><span>1、搜索框：点击跳转到搜索主页；</span></p><p><span>2、类目切换：点击切换其他类目；</span></p><p><span>3、轮播图：页面加载时自动轮播，点击轮播图，跳转到轮播图对应的页面（商品列表、商品详情、专题页等后台指定页面）；</span></p><p><span>4、点击跳转到平台介绍的专题页；</span></p><p><span>5、点击跳转到“送礼”页面；</span></p><p><span>6、点击跳转到“求礼”页面；</span></p><p><span>7、点击跳转到不同场景和类别的送礼商品列表；</span></p><p><span>8、底部固定导航：首页默认选中“首页”图标；</span></p><p><span>9、底部固定导航：点击跳转到“我的”页面；</span></p><p><span>10、商品模块，点击跳转到商品详情页；</span></p><p><span>11、点击跳转到购买商品的确认订单页；</span></p><p><span>12、点击跳转到“送礼”页面；</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u317" class="ax_default marker">
        <img id="u317_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u317_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u318" class="ax_default marker">
        <img id="u318_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u318_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u319" class="ax_default marker">
        <img id="u319_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u319_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u320" class="ax_default marker">
        <img id="u320_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u320_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u321" class="ax_default marker">
        <img id="u321_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u321_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u322" class="ax_default marker">
        <img id="u322_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u322_text" class="text ">
          <p><span>6</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u323" class="ax_default marker">
        <img id="u323_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u323_text" class="text ">
          <p><span>7</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u324" class="ax_default marker">
        <img id="u324_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u324_text" class="text ">
          <p><span>10</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u325" class="ax_default marker">
        <img id="u325_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u325_text" class="text ">
          <p><span>11</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u326" class="ax_default marker">
        <img id="u326_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u326_text" class="text ">
          <p><span>12</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u327" class="ax_default sticky_1">
        <div id="u327_div" class=""></div>
        <div id="u327_text" class="text ">
          <p><span>注：</span></p><p><span>1、本页面实现了动态面板的双层嵌套和切换，具体实现案例如下：</span></p><p><span>（1）首页顶部搜索栏和类目切换栏，分别为一个动态面板，类目切换栏的嵌套在顶部搜索栏的动态面板里；</span></p><p><span>（2）类目切换的动态面板实现了多个类目的点击切换效果；</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
